<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
<meta charset="utf-8">
<title>分页测试</title>
<link rel="stylesheet" href="/css/yz.page.css">
<link rel="stylesheet" href="/css/style.css">
</head>

<body>
	<h1>单个分页使用form表单提交</h1>
	<form action="/index1" method="post" id="myForm">
		<input type="hidden" name="pageNo" id="page_no" th:value="${pageVo.pageNo}">
		<input type="hidden" name="pageSize" id="page_size" th:value="${pageVo.pageSize}">
	</form>
	<table class="table">
		<thead>
			<tr>
				<th class="w15">id</th>
				<th class="w15">姓名</th>
			</tr>
		</thead>
		<tbody>
			<tr th:each="item: ${pageVo.resultList}">
				<td th:text="${item.id}">id</td>
				<td th:text="${item.name}">姓名</td>
			</tr>
		</tbody>
	</table>
	<!-- 分页容器 -->
	<div id="yz-page-tool" class="yz-page-tool"
		th:attr="total_num=${pageVo.totalNum}"></div>
</body>
<script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="/js/yz.page.js"></script>
<!-- 引入分页js，注意一定 要写在jquery后面 -->
<script type="text/javascript">
	initPageTool({
		ctrlId : "yz-page-tool",
		formId : "myForm"
	});
</script>

</html>